<template>
  <div>
    <div class="box">
      <!-- 上传简历 -->
      <div class="jianli"
           v-show="showModal">
        <div class='Newjob_bg ac'
             id='coverBox'>
          <div class='Newjob_box'
               v-loading="loading"
               element-loading-text="拼命加载中"
               element-loading-spinner="el-icon-loading"
               element-loading-background="rgba(0, 0, 0, 0.8)"
               style='position:absolute;left:10%;right:10%;top:15%;border:1px solid #ccc;padding:50px 30px;background-color:white;'>
            <div>
              <div>推荐人基本信息</div>
              <el-form ref="form"
                       :model="Recommender"
                       label-width="80px">
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>推荐人:</div>
                      <el-input v-model="Recommender.JNum"
                                @blur='getInfo'
                                style='width:30%;'></el-input>
                      <el-input v-model="Recommender.Name"
                                style='width:30%;'
                                :disabled="true"></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>部门:</div>
                      <el-input v-model="Recommender.DNum"
                                style='width:30%;'></el-input>
                      <el-input v-model="Recommender.Department"
                                style='width:30%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>申请日期:</div>
                      <el-input v-model="Recommender.Date"
                                style='width:60%;'></el-input>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>职位:</div>
                      <el-input v-model="Recommender.Position"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>电子邮箱(内邮):</div>
                      <el-input v-model="Recommender.Email"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>联系电话:</div>
                      <el-input v-model="Recommender.Phone"
                                style='width:60%;'></el-input>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>身份证号:</div>
                      <el-input v-model="Recommender.SYSIDCard"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:40%'>与被推荐人关系:</div>
                      <el-select v-model="Recommender.Relationship"
                                 style='width:50%;'
                                 placeholder="请选择关系">
                        <el-option label="同学"
                                   value="同学"></el-option>
                        <el-option label="朋友"
                                   value="朋友"></el-option>
                        <el-option label="亲属"
                                   value="亲属"></el-option>
                        <el-option label="前同事"
                                   value="前同事"></el-option>
                      </el-select>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>BU:</div>
                      <el-select v-model="Recommender.BU"
                                 placeholder="请选择BU">
                        <el-option label="SBU"
                                   value="SBU"></el-option>
                        <el-option label="IBU"
                                   value="IBU"></el-option>
                        <el-option label="EBU"
                                   value="EBU"></el-option>
                      </el-select>
                    </div>
                  </div>
                </el-form-item>
              </el-form>
            </div>
            <div>
              <div>被推荐人基本信息</div>
              <el-form ref="form"
                       :model="Recommended"
                       label-width="80px">
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>姓名:</div>
                      <el-input v-model="Recommended.Name"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>性别:</div>

                      <el-select v-model="Recommended.Sex"
                                 style='width:60%;'
                                 placeholder="性别">
                        <el-option label="男"
                                   value="男"></el-option>
                        <el-option label="女"
                                   value="女"></el-option>
                      </el-select>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>出生日期:</div>
                      <el-date-picker type="date"
                                      placeholder="选择日期"
                                      v-model="Recommended.Date"
                                      format="yyyy 年 MM 月 dd 日"
                                      value-format="yyyy-MM-dd"
                                      style="width: 60%;"></el-date-picker>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>身份证号码:</div>
                      <el-input v-model="Recommended.IDCard"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>学历:</div>
                      <!-- <el-input v-model="Recommended.Education"
                                style='width:60%;'></el-input> -->
                      <el-select v-model="Recommended.Education"
                                 placeholder="请选择学历"
                                 style='width:60%;'>
                        <el-option label="中专及以下"
                                   value="中专及以下"></el-option>
                        <el-option label="大专"
                                   value="大专"></el-option>
                        <el-option label="本科及以上"
                                   value="本科及以上"></el-option>
                      </el-select>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>籍贯:</div>
                      <el-input v-model="Recommended.Area"
                                style='width:60%;'></el-input>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>学校名称:</div>
                      <el-input v-model="Recommended.School"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>专业:</div>
                      <el-input v-model="Recommended.Major"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>录取方式:</div>
                      <div style='width:60%;line-height: 40px;'>
                        <el-radio-group v-model="Recommended.Method">
                          <el-radio label="统招"></el-radio>
                          <el-radio label="非统招"></el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>
                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>原公司名称:</div>
                      <el-input v-model="Recommended.Company"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>职位:</div>
                      <el-input v-model="Recommended.Position"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>意向职位:</div>
                      <el-input v-model="Recommended.Target"
                                style='width:60%;'></el-input>
                    </div>
                  </div>
                </el-form-item>
                <el-form-item>

                  <div style='width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;'>
                    <div style='line-height: 40px;height: 40px;display: flex;flex3-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>在职状态:</div>
                      <div style='width:60%;line-height: 40px;'>
                        <el-radio-group v-model="Recommended.Status">
                          <el-radio label="在职"></el-radio>
                          <el-radio label="离职"></el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>电子邮箱(外邮):</div>
                      <el-input v-model="Recommended.Email"
                                style='width:60%;'></el-input>
                    </div>
                    <div style='line-height: 40px;height: 40px;display: flex;flex-flow: row nowrap;width:30%;'>
                      <div style='width:30%'>联系电话:</div>
                      <el-input v-model="Recommended.Phone"
                                style='width:60%;'></el-input>
                    </div>

                  </div>
                </el-form-item>
                <div style='display: flex;flex-flow: row nowrap;justify-content: space-around;'>
                  <el-upload class="upload-demo"
                             action="#"
                             :limit="1"
                             :auto-upload="false"
                             :file-list="fileList"
                             :on-change="loadFileList"
                             :on-success="uploadSuccess"
                             :on-exceed="handleExceed">
                    <el-button size="small"
                               type="primary">点击上传</el-button>
                    <div slot="tip"
                         class="el-upload__tip">点击上传选择简历</div>
                  </el-upload>
                  <el-form-item>
                    <el-button type="primary"
                               @click="onSubmit">提交</el-button>
                    <el-button type="primary"
                               @click="getBack">取消</el-button>
                  </el-form-item>
                </div>
              </el-form>
            </div>
          </div>
        </div>
      </div>
      <!-- 头部 -->
      <div class="header">
        <!-- 头部左 -->
        <div class="h-lt">
          <div class="h-lt-top">{{objs.PositionName}}</div>
          <div class="h-lt-cen">
            <span class="gongsi">深圳欧陆通电子股份有限公司</span>
            <span class="zhiwei"
                  @click="tiaozhuan">公司介绍</span>
          </div>
          <div class="h-lt-bom">
            <div class="h-lt-bom-top"><span class="miaoshu">{{objs.Area}}&nbsp;&nbsp;|&nbsp;&nbsp;{{objs.Exp}}&nbsp;&nbsp;|&nbsp;&nbsp;{{objs.Education}}&nbsp;&nbsp;|&nbsp;&nbsp;招{{objs.PersonNum}}人&nbsp;&nbsp;|&nbsp;&nbsp;{{time}}发布</span></div>
            <div class="h-lt-bom-bom">
              <div class="hezi"
                   v-for="(item) in tips"
                   :key=item.id>{{item}}</div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="h-rt">
          <div class="h-rt-top">{{objs.Money}}</div>
          <div class="h-rt-bom"
               @click="shenqing(objs.Id,objs.PositionName,objs.HRJobNo,objs.PositionLevel,objs.tOrg,objs.tBU),showModal=true">推荐简历</div>
        </div>
        <div class="clear"></div>
      </div>
      <!-- 主体 -->
      <div class="body">
        <div class="biaoti">职位信息</div>
        <div class="bo-xinxi">
          <p v-for="(item3,index3) in xinxi"
             :key="index3">{{item3}}</p>
        </div>
        <div class="zhineng">
          <!-- <p class="leibie"> <span class="qian">职能类别:</span>&nbsp;&nbsp;<span class="hou">Web前端开发</span></p>
          <p class="guanjian"> <span class="qian">前端开发:</span>&nbsp;&nbsp;<span class="hou">web&nbsp;&nbsp;</span><span class="hou">web前端开发</span>&nbsp;&nbsp;<span class="hou">软件开发</span></p> -->
        </div>
      </div>
      <!-- 中心 -->
      <div class="center">
        <div class="biaoti">联系方式</div>
        <div class="dizhi"><span class="qian">上班地址:</span>&nbsp;&nbsp;<span class="hou">固戍二路星辉科技园A栋一楼</span></div>
      </div>
      <!-- 底部 -->
      <div class="footer">
        <div class="biaoti">公司福利</div>
        <div class="fuli">
          <p v-for="(item2,index2) in fuli"
             :key="index2">{{item2}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      showModal: false,
      loading: false,
      // 提交简历表单需要的数据
      fileList: [],
      //推荐人信息
      Recommender: {
        JNum: '',
        Name: '',
        DNum: '',
        Department: '',
        Date: '',
        IDCard: '',
        SYSIDCard: '',
        Position: '',
        Email: '',
        Phone: '',
        Relationship: '',
        BU: '',
        HRJobNo: '',
        Id: '',
      },
      //被推荐人信息
      Recommended: {
        Name: '',
        Sex: '',
        Date: '',
        IDCard: '',
        Education: '',
        Area: '',
        School: '',
        Major: '',
        Method: '',
        Company: '',
        Position: '',
        PositionLevel: '',
        Target: '',
        Status: '',
        BU: '',
        Email: '',
        Phone: '',
        tOrg: '',
        tBU: ''

      },
      //  接口对象
      objs: {},
      // 发布时间
      time: "",
      // 公司福利
      fuli: [],
      // 职位信息
      xinxi: [],
      // 描述
      tips: []
    }
  },
  created () {
    // 获取职位id号
    let filmID = this.$route.query.id;
    // console.log(filmID)
    // let data = { "id": filmID };
    // console.log(filmID)
    // console.log(data)
    this.$http.post('http://172.16.0.233:8011/api/Recruit/GetRecruitDetail/' + filmID).then((res) => {
      this.objs = res.data
      this.time = this.objs.CreateTime.substr(0, 10)
      this.fuli = this.objs.Welfare.split("\n")
      this.xinxi = this.objs.WorkDetail.split("\n")
      this.tips = this.objs.Tips.split(",")
    })
  },
  methods: {
    open1 (err) {
      this.$message.error(err);
    },
    open2 (message) {
      this.$message({
        message: message,
        type: 'success'
      });
    },
    handleExceed (files, fileList) {
      this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
    },
    uploadSuccess (response, file) {
      console.log(response);
      if (response.code == 0) {
        this.$message({
          message: '导入成功',
          type: 'success'
        });
      } else {
        this.$message({
          message: '导入失败',
          type: 'error'
        });
      }
    },
    getBack () {
      // HRJobNo
      // 推荐人
      this.Recommender.JNum = ''
      this.Recommender.Name = ''
      this.Recommender.DNum = ''
      this.Recommender.Department = ''
      this.Recommender.Date = ''
      this.Recommender.IDCard = ''
      this.Recommender.SYSIDCard = ''
      this.Recommender.Position = ''
      this.Recommender.Email = ''
      this.Recommender.Phone = ''
      this.Recommender.Relationship = ''
      this.Recommender.BU = ''
      this.Recommender.HRJobNo = ''
      this.Recommender.Id = ''
      // 被推荐人
      this.Recommended.Name = ''
      this.Recommended.Sex = ''
      this.Recommended.Date = ''
      this.Recommended.IDCard = ''

      this.Recommended.Area = ''
      this.Recommended.School = ''
      this.Recommended.Major = ''
      this.Recommended.Method = ''
      this.Recommended.Company = ''
      this.Recommended.Position = ''
      this.Recommended.Target = ''
      this.Recommended.Position = ''
      this.Recommended.Status = ''
      this.Recommended.Email = ''
      this.Recommended.Phone = ''
      this.Recommended.PositionLevel = ''
      this.Recommended.tOrg = ''
      this.Recommended.tBU = ''
      this.fileList = [];
      this.showModal = false
    },
    loadFileList (file, fileList) {
      this.fileList = fileList;
    },
    onSubmit () {
      var _this = this;
      let email = this.Recommender.Email.toLowerCase()
      if (email.substring(email.length - 8) != "olt.mail") {
        // alert("请输入正确的内邮邮箱")
        this.open1("请输入正确的内邮邮箱")
        return
      }
      if (this.Recommender.Relationship == '') {
        // alert('推荐人基本信息:与被推荐人关系不能为空!');
        this.open1("推荐人基本信息:与被推荐人关系不能为空!")
        return
      };



      if (this.Recommended.Name == '') {
        // alert('被推荐人基本信息:被推荐人姓名不能为空!');
        this.open1("被推荐人基本信息:被推荐人姓名不能为空!")
        return
      }
      if (this.Recommended.Sex == '') {
        // alert('被推荐人基本信息:被推荐人性别不能为空!');
        this.open1("被推荐人基本信息:被推荐人性别不能为空")
        return
      }
      if (this.Recommended.Date == '') {
        // alert('被推荐人基本信息:被推荐人出生日期不能为空!');
        this.open1("被推荐人基本信息:被推荐人出生日期不能为空!")
        return
      }
      if (this.Recommended.IDCard == '') {
        // alert('被推荐人基本信息:被推荐人身份证号不能为空!');
        this.open1("被推荐人基本信息:被推荐人身份证号不能为空!")
        return
      }
      if (this.Recommended.Education == '') {
        // alert('被推荐人基本信息:被推荐人教育程度不能为空!');
        this.open1("被推荐人基本信息:被推荐人教育程度不能为空!")
        return
      }
      if (this.Recommended.Area == '') {
        // alert('被推荐人基本信息:被推荐人籍贯不能为空!');
        this.open1("被推荐人基本信息:被推荐人籍贯不能为空!")
        return
      }
      if (this.Recommended.School == '') {
        // alert('被推荐人基本信息:被推荐人学校不能为空!');
        this.open1("被推荐人基本信息:被推荐人学校不能为空!")
        return
      }
      if (this.Recommended.Major == '') {
        // alert('被推荐人基本信息:被推荐人专业不能为空!');
        this.open1("被推荐人基本信息:被推荐人专业不能为空!")
        return
      }
      if (this.Recommended.Method == '') {
        // alert('被推荐人基本信息:被推荐人录取方式不能为空!');
        this.open1("被推荐人基本信息:被推荐人录取方式不能为空!")
        return
      }
      if (this.Recommended.Company == '') {
        // alert('被推荐人基本信息:被推荐人公司不能为空!');
        this.open1("被推荐人基本信息:被推荐人原公司不能为空!")
        return
      }
      if (this.Recommended.Position == '') {
        // alert('被推荐人基本信息:被推荐人职位不能为空!');
        this.open1("被推荐人基本信息:被推荐人职位不能为空!")
        return
      }
      if (this.Recommended.Status == '') {
        // alert('被推荐人基本信息:被推荐人在职状态不能为空!');
        this.open1("被推荐人基本信息:被推荐人在职状态不能为空!")
        return
      }
      if (this.Recommended.Email == '') {
        // alert('被推荐人基本信息:被推荐人邮箱不能为空!');
        this.open1("被推荐人基本信息:被推荐人邮箱不能为空!")
        return
      }
      if (this.Recommended.Phone == '') {
        // alert('被推荐人基本信息:被推荐人电话不能为空!');
        this.open1("被推荐人基本信息:被推荐人电话不能为空!")
        return
      }
      if (this.fileList.length < 1) {
        // alert('被推荐人基本信息:未上传被推荐人简历!');
        this.open1("被推荐人基本信息:未上传被推荐人简历!")
        return
      }

      this.loading = true

      let formdate = new FormData();
      formdate.append('PositionId', this.Recommender.Id);
      formdate.append('JNum', this.Recommender.JNum);
      formdate.append('Name', this.Recommender.Name);
      formdate.append('DNum', this.Recommender.DNum);
      formdate.append('Department', this.Recommender.Department);
      formdate.append('Date', this.Recommender.Date);
      formdate.append('IDCard', this.Recommender.IDCard);
      formdate.append('Position', this.Recommender.Position);
      formdate.append('Email', this.Recommender.Email);
      formdate.append('Phone', this.Recommender.Phone);
      formdate.append('Relationship', this.Recommender.Relationship);
      formdate.append('BU', this.Recommender.BU);
      formdate.append('HRJobNo', this.Recommender.HRJobNo);
      formdate.append('Education', this.Recommended.Education);
      formdate.append('BName', this.Recommended.Name);
      formdate.append('Sex', this.Recommended.Sex);
      formdate.append('BDate', this.Recommended.Date);
      formdate.append('BIDCard', this.Recommended.IDCard);
      formdate.append('Area', this.Recommended.Area);
      formdate.append('School', this.Recommended.School);
      formdate.append('Major', this.Recommended.Major);
      formdate.append('Method', this.Recommended.Method);
      formdate.append('Company', this.Recommended.Company);
      formdate.append('BPosition', this.Recommended.Position);
      formdate.append('PositionLevel', this.Recommended.PositionLevel);
      formdate.append('Target', this.Recommended.Target);
      formdate.append('Status', this.Recommended.Status);
      formdate.append('BEmail', this.Recommended.Email);
      formdate.append('BPhone', this.Recommended.Phone);
      formdate.append('tOrg', this.Recommended.tOrg);
      formdate.append('tBU', this.Recommended.tBU);
      formdate.append('file', this.fileList[0].raw);

      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      this.$http.post('http://172.16.0.233:8011/api/Recruit/SaveRecruitLog', formdate, config).then(res => {
        if (res.state == "success") {
          // alert('推荐成功');
          this.open2('推荐成功')
          this.loading = false
          _this.getBack();
          this.showModal = false;
        } else {
          // alert('推荐失败：' + res.message);
          this.open1('推荐失败：' + res.message)
          this.showModal = false;
          this.loading = false
        }
      });
    },
    getInfo () {
      var gh = this.Recommender.JNum;
      this.Recommender.Name = "";
      this.Recommender.DNum = "";
      this.Recommender.Department = "";
      this.Recommender.Position = "";
      this.Recommender.Email = "";
      this.Recommender.IDCard = "";
      this.Recommender.SYSIDCard = "";
      this.Recommender.Date = "";
      this.Recommender.Phone = "";
      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      this.$http.post('http://172.16.0.233:8011/api/Recruit/GetJobNoDetial?jobno=' + gh, config).then(res => {

        if (res.data.length == 1) {
          this.Recommender.Name = res.data[0].USERNAME;
          this.Recommender.DNum = res.data[0].ORG;
          this.Recommender.Department = res.data[0].ORGNAME;
          this.Recommender.Position = res.data[0].POSITIONNAME;
          if (res.data[0].EMAIL.length > 9) {
            this.Recommender.Email = res.data[0].EMAIL;
          } else {
            // alert('被推荐人邮箱未维护，无法发起推荐流程');
            this.open1('被推荐人邮箱未维护，无法发起推荐流程')
          }
          this.Recommender.IDCard = res.data[0].IDCard;
          var subid = res.data[0].IDCard.slice(0, 12) + 'XXXXXX'
          this.Recommender.SYSIDCard = subid;
          this.Recommender.Date = res.data[0].SysTime;
          this.Recommender.Phone = res.data[0].Mobile;

        } else if (res.data.length != 1) {
          // alert('工号错误')
          this.open1('工号错误')
          this.Recommender.JNum = ""
        }
        if (res.status == "200") {
          this.$message({
            message: "提交成功",
            type: "success"
          });
        }
      });
    },
    shenqing (id, itemName, hrName, PositionLevel, tOrg, tBU) {
      this.Recommended.Target = itemName;
      this.Recommender.Id = id;

      this.Recommender.HRJobNo = hrName;
      this.Recommended.PositionLevel = PositionLevel;
      this.Recommended.tOrg = tOrg;
      this.Recommended.tBU = tBU;
    },
    tiaozhuan () {
      // 点击跳转
      this.$router.push("/company/");
    }
  }
}
</script>

<style scoped>
body {
  padding: 0;
  margin: 0;
}
.box {
  width: 50%;
  margin: 0 auto;
  min-width: 1200px;
  padding-bottom: 120px;
}
.clear {
  clear: both;
}
.header {
  position: relative;
  padding: 20px 0 30px;
  border-bottom: 1px solid #ccc;
}
.h-lt {
  float: left;
}
.h-rt {
  float: right;
}
.h-lt-top {
  max-width: 340px;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin: 0 10px 10px 0;
}
.gongsi {
  display: inline-block;
  max-width: 380px;
  font-size: 16px;
  color: #333;
}
.zhiwei {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin: 0 0 0 45px;
  cursor: pointer;
  color: #4e9ad8;
}
.h-lt-bom-top {
  margin-bottom: 10px;
}
.h-lt-cen {
  margin-bottom: 25px;
}
.miaoshu {
  height: auto;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.hezi {
  float: left;
  height: 20px;
  line-height: 20px;
  color: #ff6000;
  overflow: hidden;
  margin: 0 10px 10px 0;
  padding: 0 5px;
  background-color: #fff2e3;
  font-size: 12px;
}
.h-rt-top {
  width: 295px;
  height: 30px;
  line-height: 33px;
  font-weight: bold;
  font-size: 20px;
  color: #ff6000;
  text-align: right;
  margin-bottom: 8px;
  text-align: left;
}
.h-rt-bom {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  background-color: #ff6000;
  text-align: center;
  position: absolute;
  width: 295px;
  bottom: 35px;
  right: 0;
  cursor: pointer;
}
.biaoti {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  text-indent: 0;
  margin-top: 15px;
  padding-left: 15px;
  border-left: 4px solid #ff6000;
}
.qian {
  font-size: 14px;
  color: #666666;
}
.hou {
  color: #333;
  font-size: 14px;
}
.body {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.dizhi {
  line-height: 20px;
  margin-top: 25px;
}
.center {
  padding: 10px 0 22px;
  border-bottom: 1px solid #ccc;
}
.fuli p {
  line-height: 30px;
  margin: 5px 0;
}
.Newjob_bg {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.Newjob_box {
  overflow: auto;
  position: fixed;
  top: 12%;
  left: 20%;
  z-index: 11;
  background-color: rgba(255, 255, 255);
  padding: 50px 100px;
}
</style>